body{
    margin: 0;
    padding: 0;
}
.navBar{
    
    overflow: hidden;
}
.navBar a{
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.navbar a:hover{
    color: blue;
}
.navBar details{
    float: center;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    
}
.navBar a.active{
    background-color: #04AA6D;
    color:blue;
}


.bg-text {
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.4); 
    color: white;
    font-weight: bold;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    filter:blur(0px);
    
    padding: 20px;
    text-align: center;
  }
  .title-text {
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.4); 
    color: white;
    font-weight: bold;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -175%);
    z-index: 2;
    
    padding: 20px;
    text-align: center;
  }
.bg-image {
        margin: 0;
        padding: 0;
    
        filter: blur(8px);
        -webkit-filter: blur(8px);

        width:99vw;
        height:99vh;

        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;

}
.div summary{
    align-self: flex-end;
}
.div .phone{
    float: right;
}